<template>
  <el-tabs type="border-card" class="demo-tabs" @tab-click="handleClick">
    <el-tab-pane label="Config"> </el-tab-pane>
    <el-tab-pane label="Role"> </el-tab-pane>
    <el-tab-pane label="Task"> </el-tab-pane>
  </el-tabs>
  <router-view></router-view>
</template>

<script setup>
const handleClick = (tab) => {
  console.log(tab.props.label)
}
</script>
<style>
.el-tabs--border-card > .el-tabs__content {
  padding: 0px;
}
</style>
